<template>
  <el-container id="app" direction="vertical" :class="[routerName]">
    <PmfoHeader />
    <el-main>
      <router-view />
      <PmfoFooter />
    </el-main>
    <PmfoBackTop></PmfoBackTop>
  </el-container>
</template>

<script>
import PmfoHeader from '@/components/Header'
import PmfoFooter from '@/components/Footer'
import PmfoBackTop from '@/components/BackTop'
export default {
  name: 'App',
  components: {
    PmfoHeader,
    PmfoFooter,
    PmfoBackTop
  },
  data(){
    return {
      routerName: "pmfo-home"
    }
  },
  watch: {
    $route(to){
      this.routerName = 'pmfo-' + to.name
    },
  },
  mounted() {
    
  },
  methods: {
    
  }
}
</script>

<style>
html,body{
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  padding:0;
  margin: 0;
}
.el-main{
  margin-top: 72px;
  padding: 0 !important;
}
.pmfo ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.pmfo ::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    background-clip: padding-box;
    min-height: 5px;
    border-radius: 5px;
}
.pmfo-home .el-main{
  margin-top: 0;
}
.pmfo-loading .el-loading-text{
  font-size: 20px !important;
}
.pmfo-loading .icon-pmfo-loading{
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url(@/assets/images/pmfo-logo.png) no-repeat center center ;
  background-size: cover;
  -webkit-animation-name: imgScaleDraw; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
  -webkit-animation-duration: 5s; /*动画所花费的时间*/
  animation: imgScaleDraw 5s ease-in-out infinite;
  -webkit-animation: imgScaleDraw 5s ease-in-out infinite;
}
@-webkit-keyframes imgScaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0%{
    -webkit-transform: scale(1);
            transform: scale(1);  /*开始为原始大小*/
  }
  25%{
    -webkit-transform: scale(1.2);
            transform: scale(1.2); /*放大1.1倍*/
  }
  50%{
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75%{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes imgScaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0%{
    -webkit-transform: scale(1);
            transform: scale(1);  /*开始为原始大小*/
  }
  25%{
    -webkit-transform: scale(1.2);
            transform: scale(1.2); /*放大1.1倍*/
  }
  50%{
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75%{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
</style>
